﻿@{
    ViewBag.Title = "Form";
    Layout = "~/Views/Shared/_ManufactureList.cshtml";
}
<script type="text/javascript">
    $(function () {
        initControl();
        partsList();
    });
    function initControl() {
        var myLayout = $('#layout').layout({ resizable: false });
        $('select').bindSelect();

        $("#tbody_1").show();
        $("#tbody_2").hide();
        $('.category').on("click", function () {
            var aa = $("input[type='radio'].category:checked").val();
            //alert(aa);
            if (aa == '材料牌号') {
                $("#tbody_1").show();
                $("#tbody_2").hide();
            } else {
                $("#tbody_1").hide();
                $("#tbody_2").show();
            }
        })
    }
    function btn_ok() {
        parent.$.detailClose();
    }
    function btn_cancel() {
        parent.$.detailClose();
    }
</script>
<div class="ui-layout" id="layout" style="height: 100%; width: 100%;">
    <div class="ui-layout-center">
        <form id="form1">
            <div style="width:690px;margin:0 auto;">
                <table class="form" style="width:640px;text-align:right;margin:15px;border-bottom:2px solid #ccc;">
                    <tr>
                        <td style=" padding: 5px 10px;">
                            <div class="btn-group" style="margin-right:20px;">
                                <a id="" class="btn btn-primary center-block" onclick="btn_ok()"><span class="glyphicon glyphicon-ok"></span> 确认</a>
                            </div>
                            <div class="btn-group">
                                <a id="" class="btn btn-primary center-block" onclick="btn_cancel()"><span class="glyphicon glyphicon-remove"></span> 取消</a>
                            </div>
                        </td>
                    </tr>
                </table>
                <table class="form" style="width: 640px;">
                    <tr>
                        <th class="formTitle" style="width:120px">材料分类</th>
                        <td class="formValue input-width-480">
                            <select id="" name="" class="form-control">
                                <option>&nbsp;</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">大类</th>
                        <td class="formValue input-width-480">
                            <select id="" name="" class="form-control">
                                <option>&nbsp;</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle" style="width:120px">贯标内容</th>
                        <td class="formValue">
                            <div class="btn-group" style="">
                                <input id="radio11" class="category" name="category" type="radio" value="材料牌号" checked="checked" /><label for="radio11" class="suffix">材料牌号</label>
                                <input id="radio12" class="category" name="category" type="radio" value="技术条件" /><label for="radio12" class="suffix">技术条件</label>
                            </div>
                        </td>
                    </tr>
                    <tbody id="tbody_1">
                        <tr>
                            <th class="formTitle">将材料牌号</th>
                            <td class="formValue input-width-320">
                                <input id="" type="text" class="form-control" value="" />
                            </td>
                        </tr>
                        <tr>
                            <th class="formTitle">贯标为</th>
                            <td class="formValue input-width-320">
                                <input id="" type="text" class="form-control" value="" />
                            </td>
                        </tr>
                    </tbody>
                    <tbody id="tbody_2">
                        <tr>
                            <th class="formTitle">将技术条件</th>
                            <td class="formValue input-width-210">
                                <input id="" type="text" class="form-control input-width-80" value="" /> &nbsp;&nbsp;&nbsp;
                                <input id="" type="text" class="form-control" value="" />
                            </td>
                        </tr>
                        <tr>
                            <th class="formTitle">贯标为</th>
                            <td class="formValue input-width-210">
                                <input id="" type="text" class="form-control input-width-80" value="" /> &nbsp;&nbsp;&nbsp;
                                <input id="" type="text" class="form-control" value="" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </form>
    </div>
</div>

